<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        img {
            max-width: 100%;
        }
    </style>
</head>

<body>
    <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <button id="select">选择文件</button>

    <img src="" alt="">
    <script src="./exif.js"></script>
    <script src="./imageSelect.js"></script>
    <script>
        var w = window.innerWidth;
        var select = new ImageSelect( {
            size: w > 1334 ? 1334 : w * 2
        } );
        document.getElementById( 'select' ).addEventListener( 'click', function ( e ) {
            select.select();
        }, false );
        select.handler = function ( data ) {
            console.log( data );
            document.querySelector( 'img' ).setAttribute( 'src', data.img );
        }
    </script>
</body>

</html>
